<template>
    <header>
        <div>
            <router-link to="/hospital/medicine">药品管理</router-link>
        </div>
        <div>
            <router-link to="/hospital/doctors">医生管理</router-link>
        </div>
    </header>
    <main to="/hospital/medicine">
        <aside><router-view name="aside" /></aside>
        <section><router-view name="main"/></section>
    </main>
</template>
<script>

</script>
<style>
    header{
        width: 100%;
        height: 50px;
        background-color: antiquewhite;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    main{
        width: 100%;
        height: 500px;
        display: flex;
    }
    aside{
        width: 200px;
        height: 500px;
        background-color: aquamarine;
    }
    section{
        flex-grow: 1;
        height: 500px;
        background-color: lavender;
    }
</style>